<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
<head>
<title>首页Tab轮换图</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" type="text/css" href="<%request.getContextPath();%>/css/jquery.dataTables.css"/>
<link rel="stylesheet" href="<%request.getContextPath();%>/css/bootstrap.min.css">
<link rel="stylesheet" href="<%request.getContextPath();%>/css/Login.css">
<link rel="stylesheet" href="<%request.getContextPath();%>/css/commonStyle.css"/>
<style type="text/css" class="init"></style>
<script src="<%request.getContextPath();%>/js/jquery-1.11.2.min.js"></script>
<script src="<%request.getContextPath();%>/js/bootstrap.min.js"></script>
<script type="text/javascript" src="<%request.getContextPath();%>/js/jquery.dataTables.js"></script>
<script type="text/javascript" src="js/plus_more.js"></script>
<script type="text/javascript" language="javascript" class="init">
$(document).ready(function() 
{
	$('#example').dataTable();
	
} );
</script>
</head>
<body>
<div class="container" style="width:1052px; margin:0px;">
  <div class="row show-grid">
    <h3 class="Page_title">首页Tab轮换图</h3>
  </div>
  <div class="row show-grid unified-border">
    <form action="" name="slidering_imgs">
      <div>
        <p class="Tab_title">第二帧</p>
        <hr class="Tab_line"/>
        <div class="Tab_Internal">
          <p class="Tab_he_1">图片：</p>
          <div id="uplogol_2" style="float:left;border:1px solid #999999;"><img id="showlogol_2" name="" src="<%request.getContextPath();%>/images/Project-LOGO.png" class="Tab_pic_logo"/></div>
          <div style="float:left; ">
            <label for="surelogol_2" class="btn btn-primary submit_btn_img_p" style="margin-left:20px;" > +更换图片
              <input type="files" onchange="previewImage(this,'uplogol_2','showlogol_2',320,100)" name="pic_submit" class="submit_btn" style="display:none;" id="surelogol_2" value="上传Logo"/>
            </label>
            <p class="Tab_he_2">规格：640✖200；</p>
            <p class="Tab_he_3">格式：JPG；</p>
          </div>
        </div>
      </div>
      <div id="Order_ex">
        <p class="Tab_title">第三帧</p>
        <hr class="Tab_line"/>
        <div class="Tab_Internal">
          <p class="Tab_he_1">图片：</p>
          <div id="uplogol_3" style="float:left; border:1px solid #999999;"><img id="showlogol_3" name="" src="<%request.getContextPath();%>/images/Project-LOGO.png" class="Tab_pic_logo"/></div>
          <div style="float:left;">
            <label for="surelogol_3" class="btn btn-primary submit_btn_img_p" style="margin-left:20px;" > +更换图片
              <input type="files" onchange="previewImage(this,'uplogol_3','showlogol_3',320,100)" name="pic_submit" class="submit_btn" style="display:none;" id="surelogol_3" value="上传Logo"/>
            </label>
            <p class="Tab_he_2">规格：640✖200；</p>
            <p class="Tab_he_3">格式：JPG；</p>
          </div>
        </div>
        <div class="buttongroup">
          <button type="button" class="btn btn-primary" id="p_savech">保存为草稿</button>
          <button type="button" class="btn btn-primary" id="p_saveup">保存并上线</button>
          <button type="reset" class="btn btn-primary" id="p_savenone" style="width:96px;">取消</button>
        </div>
      </div>
      <!-- 保存为草稿的弹窗 开始 -->
      <div id="Popups_savech" class="Popup_out_st">
        <div id="Con_box_savech" class="Popup_in_st">
          <img src="../images/close.png" id="closePopups_savech" class="Close_Popups"/>
          <label class="Popup_label">保存为草稿</label>
          <hr class="Popup_in_hr"/>
          <p class="Popup_in_p">保存修改内容？</p>
          <button class="btn btn-primary" id="Popups_saveyes" style="width: 60px;margin-left: 80px;margin-top: 8px;float: left;">是</button>
          <button class="btn btn-primary" id="Popups_saveno" style="margin-left: 50px;margin-top: 8px;width: 60px;float: left;">否</button>
        </div>
      </div>
      <!-- 保存为草稿弹窗 结束 -->
      <!-- 保存并上线弹窗 开始 -->
      <div id="Popups_saveup" class="Popup_out_st">
        <div id="Con_box_saveup" class="Popup_in_st">
          <img src="../images/close.png" id="closePopups_saveup" class="Close_Popups"/>
          <label class="Popup_label">保存并上线</label>
          <hr class="Popup_in_hr"/>
          <p class="Popup_in_p">保存修改内容并发布上线？</p>
          <button type="submit" class="btn btn-primary" id="Popups_saveupyse" style="width: 60px;margin-left: 80px;margin-top: 8px;float: left;">是</button>
          <button class="btn btn-primary" id="Popups_saveupno" style="margin-left: 50px;margin-top: 8px;width: 60px;float: left;">否</button>
        </div>
      </div>
      <!-- 保存并上线弹窗 结束 -->
      <!-- 取消弹窗 开始 -->
      <div id="Popups_savenone" class="Popup_out_st">
        <div id="Con_box_savenone" class="Popup_in_st">
          <img src="../images/close.png" id="closePopups_savenone" class="Close_Popups"/>
          <label class="Popup_label">取消</label>
          <hr class="Popup_in_hr"/>
          <p class="Popup_in_p">确定放弃当前文案修改？</p>
          <button class="btn btn-primary" id="Popups_savenoneyse" style="width: 60px;margin-left: 80px;margin-top: 8px;float: left;">是</button>
          <button class="btn btn-primary" id="Popups_savenoneno" style="margin-left: 50px;margin-top: 8px;width: 60px;float: left;">否</button>
        </div>
      </div>
    </form>
  </div>
</div>

<!-- 取消弹窗 结束 -->
<script type="text/javascript">
  wdh=$(window).width();
  left=(wdh-330)/2;
  www=$(document).width();
  hhh=$(document).height();
  $(document).ready(function(){
    //保存为草稿
    $("#p_savech").click(function(){
      $("#Popups_savech").fadeIn("slow");
      $("#page_index").css('overflow','scroll');
      $("#page_index").css('overflow','hidden');
      $("#Con_box_savech").css('margin-left',left);
      $("#Con_box_savech").css('margin-top','250px');
    });
    $("#closePopups_savech").click(function(){
      $("#Popups_savech").fadeOut("slow");
      $("#page_index").css('overflow-y','auto');
    });
    $("#Popups_saveyes").click(function(){
      $("#Popups_savech").fadeOut("slow");
      $("#page_index").css('overflow-y','auto');
    });

    $("#Popups_saveno").click(function(){
      $("#Popups_savech").fadeOut("slow");
      $("#page_index").css('overflow-y','auto');
    });

    //保存并上线
    $("#p_saveup").click(function(){
      $("#Popups_saveup").fadeIn("slow");
      $("#page_index").css('overflow','scroll');
      $("#page_index").css('overflow','hidden');
      $("#Con_box_saveup").css('margin-left',left);
      $("#Con_box_saveup").css('margin-top','250px');
    });
    $("#closePopups_saveup").click(function(){
      $("#Popups_saveup").fadeOut("slow");
      $("#page_index").css('overflow-y','auto');
    });

    $("#Popups_saveupyse").click(function(){
      $("#Popups_saveup").fadeOut("slow");
      $("#page_index").css('overflow-y','auto');
    });

    $("#Popups_saveupno").click(function(){
      $("#Popups_saveup").fadeOut("slow");
      $("#page_index").css('overflow-y','auto');
    });

    //取消
    $("#p_savenone").click(function(){
      $("#Popups_savenone").fadeIn("slow");
      $("#page_index").css('overflow','scroll');
      $("#page_index").css('overflow','hidden');
      $("#Con_box_savenone").css('margin-left',left);
      $("#Con_box_savenone").css('margin-top','250px');
    });
    $("#closePopups_savenone").click(function(){
      $("#Popups_savenone").fadeOut("slow");
      $("#page_index").css('overflow-y','auto');
    });

    $("#Popups_savenoneyse").click(function(){
      $("#Popups_savenone").fadeOut("slow");
      $("#page_index").css('overflow-y','auto');
    });

    $("#Popups_savenoneno").click(function(){
      $("#Popups_savenone").fadeOut("slow");
      $("#page_index").css('overflow-y','auto');
    });

    $("#page_index ").css('width',www);
  });


  $(window).resize(function(){
    wdh=$(window).width();
    left=(wdh-330)/2;
    www=$(document).width();
    //保存为草稿
    $("#Con_box_savech").css('margin-left',left);
    $("#Con_box_savech").css('margin-top','250px');
    //保存并上线
    $("#Con_box_saveup").css('margin-left',left);
    $("#Con_box_saveup").css('margin-top','250px');
    //取消
    $("#Con_box_savenone").css('margin-left',left);
    $("#Con_box_savenone").css('margin-top','250px');

    $("#page_index ").css('width',www);
  });
</script>
</body>
</html>
